<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <input type="text" name="username" value="用户名" />
    <!-- disabled: 禁用 -->
    <button>按钮</button>
    <input type="checkbox" name="agree" /> 我统一签署卖身契
  </body>
</html>
<script>
  // 操作表单属性
  // 1.操作表单type和value属性
  const username = document.querySelector("input[name=username]");
  console.log(username);

  const btn = document.querySelector("button");
  // 1.1修改type属性
  // username.type='password'
  // 1.2操作表单的value值
  // username.value='客户名称'

  // 2.禁用按钮或勾选复选框-  布尔值
  // 属性disabled 直接加，没有属性名  <button disabled>按钮</button>  可以属性值布尔值 true或false

  // 2.1禁用按钮
  // btn.disabled = true
  btn.disabled = false;
  // 2.2勾选复选框
  const agree = document.querySelector("input[name=agree]");
  console.log(agree);
  // checked是一般复选框的已被选中状态
  agree.checked = true;
  agree.checked = false;
</script>
